<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>

<body>
    <script>
        // 认识剩余参数
        //剩余参数永远是个数组 即使没有值 也是空数组
        // const add = (x, y, z, ...args) => {
        //     console.log(x, y, z, args);
        // }

        // add(1, 2, 3, 4, 5)

        //箭头函数的剩余参数
        //  箭头函数的参数部分即使只有一个剩余参数也不能省略圆括号
        //  const add = (...args) => {
        //
        //  }

        //使用剩余参数替代arguments获取实际参数
        // const add = function() {
        //     console.log(argments);
        // }

        //
        //  const add = (...args) => {
        //      console.log(args); //[1, 2]
        //  }
        //  add(1, 2)

        //剩余参数的位置
        //剩余参数只能是最后一个参数 之后不能再有其他参数 否则会报错
        const add = (x, y, ...args) => {
            console.log(x, y, args);
        }

        add(1, 2, 3, 4, 5, 6)
    </script>
</body>

</html>